<template>
  <div>
    <slot v-if="$slots.default" name="top"></slot>
    hasTopContent:{{ hasTopContent }}
  </div>
</template>
<script>
import { computed } from 'vue';
export default {
  setup(_, { slots }) {
    const hasTopContent = computed(() => {
      return slots.top && slots.top().length > 0
    });
    return { hasTopContent }
  }
}
</script>